#header{
    height: 1.066667rem;
    background-color: #f4483e;
    text-align: center;
    padding: 5px;
    a{
        margin-top: .133333rem;
        text-align: center;
        font-size: .533333rem;
        color: #fff;
        float: left;
    }
    h4{
        display: inline-block;
        text-align: center;
        font-size: .533333rem;
        font-weight: bolder;
        color: #fff;
        line-height: 1.066667rem;
    }
    div{
        float: right;
        width: 1.28rem;
        height: 1.28rem;
        a{
            width: .906667rem;
            height: .453333rem;
            img{
                width: .906667rem;
                height: .906667rem;
            }
        }
    }
}
#main{
    .propmpt{
        font-size: .32rem;
        color: #999;
        margin: 8px 0;
        text-align: center;
    }
    .carousel{
        position: fixed;
        background: rgba(0, 0, 0, 0.7);
        z-index: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transform: translateY(-1000pX);
        .arr{
            position: absolute;
            width: 5.333333rem;
            height: 4.8rem;
            margin: 70% 26%;
            .arrLeft{
                left: -1.333333rem;
                bottom: 50%;
                margin-bottom: -1.066667rem;
                position: absolute;
                height: 2.133333rem;
                width: 1.333333rem;
                background-color: rgba(25, 25, 25, 0.6);
                font-size: 1.333333rem;
                text-align: center;
                line-height: 2.133333rem;
            }
            .arrRight{
                right: -1.333333rem;
                bottom: 50%;
                margin-bottom: -1.066667rem;
                position: absolute;
                height: 2.133333rem;
                width: 1.333333rem;
                background-color: rgba(25, 25, 25, 0.6);
                font-size: 1.333333rem;
                text-align: center;
                line-height: 2.133333rem;
            }
        }
        .maskSm{
            z-index: 1;
            position: relative;
            width: 5.333333rem;
            height: 4.8rem;
            margin: 70% auto;
            overflow: hidden;
            top: 0;
            i{
                cursor: pointer;
                z-index: 2;
                position: absolute;
                width: .8rem;
                height: .8rem;
                right: 0;
                top: 0;
                font-size: .533333rem;
                color: #f1f1f1;
                font-weight: bold;
                font-style: normal;
                background-color: rgba(0, 0, 0, 0.5);
                text-align: center;
                line-height: .8rem;
            }
            .carinfo{
                transition: all 0.5s ease-in-out 0s;
                li{
                   float: left;
                    img{
                        width: 5.333333rem;
                        height: 5.333333rem;
                        opacity: 1;
                    }
                }
            }
        }
    }
    .product{
        .info{
            li{
                padding: .266667rem .213333rem;
                a{
                    display: block;
                    .f1{
                        float: left;
                        img{
                            width: 2.666667rem;
                            height: 2.133333rem;
                            padding-right: .266667rem;
                        }
                    }
                    .infoR{
                        padding-left: 2.4rem;
                        .title{
                            h4{
                                color: #333333;
                                word-break: break-all;
                                font-size: 15px;
                                line-height: 19px;
                                min-height: 57px;
                                text-align: left;
                                font-weight: normal;
                            }
                        }
                        .other{
                            h4{
                                font-size: .48rem;
                                margin-top: .266667rem;
                                margin-bottom: .266667rem;
                                color: #666
                            }
                            .mall{
                                font-size: 14px;
                                color: #EE7700;
                            }
                        }
                    }

                }
            }
        }
    }
    
}

#footer{
    .more{
        height: 50px;
        background-color: #f4f4f4;
        padding: 10px;
        a{
            display: block;
            font-size: .346667rem;
            line-height: .8rem;
            text-align: center;
            border-radius: 5px;
            border: 1px solid #dddddd;
            background-image: linear-gradient(#ffffff, #f4f4f4);
            color: #666;
        }
    }
    .chart{
        margin:.266667rem 0 .16rem;
        background-color: #ff9000;
        height: .933333rem;
        .chart_in{
            color: #fff;
            float: left;
            font: bolder 18px/35px "Microsoft soft";
            padding-left: .266667rem;
            
        }
        .more1{
            height: .933333rem;
            float: right;
            line-height: .933333rem;
            padding-right: .266667rem;
            background-color: #ff9000;
            img{
                height: .533333rem;
                width: .533333rem;
                padding-top: .186667rem;
            }
        }
    }
    .login{
        .container{
            margin-right: auto;
            margin-left: auto;
            .row{
                height: 36px;
                margin-top: 10px;
                border-top: 1px solid #c4c4c4;
                border-bottom: 1px solid #c4c4c4;
                
                a{
                    display: block;
                    
                    div{
                        height: 33px;
                        line-height: 33px;
                        text-align: center;
                        font-size: 14px;
                        border-right: 1px solid #c4c4c4;
                        float: left;
                        padding: 0 .4rem;
                    }
                    .col1{
                        width: 1.653333rem;
                    }
                    .col2{
                        width: 2.506667rem;
                    }
                    .col3{
                        width: 3.333333rem;
                    }
                }
            }
        }
        .container_b{
            text-align: center;
            padding: 10px;
            p{
                text-align: center;
                color: #666;
                font-size: .346667rem;
                a{
                    color: #666;
                    text-decoration: none
                }
            }
        }
    }
}